import ReactECharts from "echarts-for-react";

const Gmm04_7 = (props) => {
  // echarts Demo 数据
  const options = {
    title: {
      text: '学科近四个季度纵横向经费总额变化情况（万元）',
      left: 'center'
    },
    tooltip: {
      trigger: 'axis'
    },
    // legend: {
    //   data: ['纵向经费', '横向经费', '经费总和']
    // },
    grid: {
      // top: '5%',
      // left: '5%',
      // right: '5%',
      // bottom: '5%',
      containLabel: true
    },
    toolbox: {
      // feature: {
      //   saveAsImage: {}
      // }
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: ['2021年第一季度', '2021年第二季度', '2021年第三季度', '2021年第四季度']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      // {
      //   name: '纵向经费',
      //   type: 'line',
      //   stack: 'Total',
      //   data: [120, 132, 101, 134]
      // },
      // {
      //   name: '横向经费',
      //   type: 'line',
      //   stack: 'Total',
      //   data: [220, 182, 191, 234]
      // },
      {
        name: '经费总和',
        type: 'line',
        stack: 'Total',
        data: [340, 314, 292, 368]
      },
    ]
  };

  return <ReactECharts style={{width: 500, height: 400}} option={options} />
}

export default Gmm04_7
